<html>
<head>
<title>CSS Compressor - Tools Code Online For  Cascading Style Sheets</title>

<script>
/***********************************************
* Name ? CSS Compressor
* Blog Name ? Blog Acak-Acakan
* Visit http://joesetapart.blogspot.com
***********************************************/
function setBytesIn() {
	var code=document.getElementById('i_code').value;
	var box=document.getElementById('i_bytes');
	box.value=code.length;
}

function runCompression() {
	setBytesIn();
	var code=document.getElementById('i_code').value;

	var commentRegex='';
	//strip comments ?
	if (document.getElementById("strip_comments").checked) {
		commentRegex='\\/\\*.*?\\*\\/';
	}

	//strip long comments ?
	if (document.getElementById("strip_long_comments").checked) {
		commentRegex='\\/\\*.{'+document.getElementById("long_comments_length").value+',}?\\*\\/';
	}

	//strip comments
	if (''!=commentRegex) {
		commentRegex=new RegExp(commentRegex ,'g');
		code=code.replace(commentRegex, '');
	}
	
	//strip newlines
	code=code.replace(/\n*/g, '');

	code=code.replace(/[	 ]+/g, ' ');           //[  ] = tab and space, replace all tabs and spaces with one space
	code=code.replace(/\s?([;:{},+>])\s?/g, '$1'); //no need for space around these characters
	code=code.replace(/;}/g, '}');                 //don't need semicolon for the last statement in a rule

	//add newlines
	if (document.getElementById("one_rule_per_line").checked) {
		code=code.replace(/}/g, "}\n");
	}

	document.getElementById('o_size').value=code.length;
	var codeOutBox=document.getElementById('o_code');
	codeOutBox.value=code;

	var savings=code.length/document.getElementById('i_bytes').value*100;
	savings=100-savings;
	savings=Math.round(savings*100)/100;
	document.getElementById('o_save').value=savings+'%';
}
</script>

<style>
a.tooltip{position:relative;z-index:10}a.tooltip:hover{z-index:20;padding:0}a.tooltip span.tooltip{display:none}a.tooltip:hover span.tooltip{display:block;position:absolute;top:1.5em;left:-6em;width:15em;border:1px solid #666;background-color:#EE7;padding:0.5em;color:black;text-decoration:none}
</style>

</head>
<body>

<script type="text/javascript">
document.write(unescape('%3C%66%69%65%6C%64%73%65%74%3E%0A%3C%6C%65%67%65%6E%64%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%79%65%6C%6C%6F%77%3B%22%3E%0A%3C%62%3E%4F%70%74%69%6F%6E%73%3C%2F%62%3E%3C%2F%64%69%76%3E%3C%2F%6C%65%67%65%6E%64%3E%0A%3C%6C%61%62%65%6C%3E%3C%69%6E%70%75%74%20%69%64%3D%22%73%74%72%69%70%5F%63%6F%6D%6D%65%6E%74%73%22%20%74%79%70%65%3D%22%63%68%65%63%6B%62%6F%78%22%20%2F%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%20%53%74%72%69%70%20%63%6F%6D%6D%65%6E%74%73%3C%2F%64%69%76%3E%3C%2F%6C%61%62%65%6C%3E%20%28%3C%61%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%20%68%72%65%66%3D%22%6A%61%76%61%73%63%72%69%70%74%3A%76%6F%69%64%28%30%29%3B%22%3E%42%61%63%61%20%50%65%74%75%6E%6A%75%6B%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%3E%53%74%72%69%70%20%69%6E%69%20%2F%20%2A%20%2A%20%2F%20%67%61%79%61%20%6B%6F%6D%65%6E%74%61%72%2E%20%4A%65%6E%69%73%20%69%6E%69%20%68%61%6E%79%61%20%62%65%72%6C%61%6B%75%20%75%6E%74%75%6B%20%6B%6F%6D%65%6E%74%61%72%20%43%53%53%2E%20%48%61%6C%20%69%6E%69%20%62%69%73%61%20%73%65%6B%72%75%70%20%64%65%6E%67%61%6E%20%68%61%63%6B%73%20%62%72%6F%77%73%65%72%2C%20%41%6E%64%61%20%6D%75%6E%67%6B%69%6E%20%6C%65%62%69%68%20%73%75%6B%61%20%27%73%74%72%69%70%20%6C%6F%6E%67%20%63%6F%6D%6D%65%6E%74%73%27%2E%3C%2F%73%70%61%6E%3E%3C%2F%61%3E%29%0A%3C%6C%61%62%65%6C%3E%3C%69%6E%70%75%74%20%63%68%65%63%6B%65%64%3D%22%63%68%65%63%6B%65%64%22%20%69%64%3D%22%73%74%72%69%70%5F%6C%6F%6E%67%5F%63%6F%6D%6D%65%6E%74%73%22%20%74%79%70%65%3D%22%63%68%65%63%6B%62%6F%78%22%20%2F%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%20%53%74%72%69%70%20%63%6F%6D%6D%65%6E%74%73%20%61%74%20%6C%65%61%73%74%20%3C%2F%64%69%76%3E%3C%69%6E%70%75%74%20%69%64%3D%22%6C%6F%6E%67%5F%63%6F%6D%6D%65%6E%74%73%5F%6C%65%6E%67%74%68%22%20%73%69%7A%65%3D%22%32%22%20%74%79%70%65%3D%22%74%65%78%74%22%20%76%61%6C%75%65%3D%22%34%22%20%2F%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%20%63%68%61%72%61%63%74%65%72%73%20%6C%6F%6E%67%3C%2F%64%69%76%3E%3C%2F%6C%61%62%65%6C%3E%20%28%3C%61%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%20%68%72%65%66%3D%22%6A%61%76%61%73%63%72%69%70%74%3A%76%6F%69%64%28%30%29%3B%22%3E%42%61%63%61%20%50%65%74%75%6E%6A%75%6B%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%3E%53%65%72%75%70%61%20%64%65%6E%67%61%6E%20%64%69%20%61%74%61%73%2C%20%74%65%74%61%70%69%20%68%61%6E%79%61%20%73%74%72%69%70%20%6B%6F%6D%65%6E%74%61%72%20%64%65%6E%67%61%6E%20%6A%75%6D%6C%61%68%20%6B%61%72%61%6B%74%65%72%20%79%61%6E%67%20%41%6E%64%61%20%74%65%6E%74%75%6B%61%6E%20%64%69%20%64%61%6C%61%6D%6E%79%61%2E%20%41%6B%61%6E%20%63%6F%63%6F%6B%20%68%61%63%6B%73%20%62%72%6F%77%73%65%72%20%79%61%6E%67%20%6B%75%72%61%6E%67%2E%3C%2F%73%70%61%6E%3E%3C%2F%61%3E%29%0A%3C%6C%61%62%65%6C%3E%3C%69%6E%70%75%74%20%69%64%3D%22%6F%6E%65%5F%72%75%6C%65%5F%70%65%72%5F%6C%69%6E%65%22%20%74%79%70%65%3D%22%63%68%65%63%6B%62%6F%78%22%20%2F%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%20%4F%6E%65%20%72%75%6C%65%20%70%65%72%20%6C%69%6E%65%3C%2F%64%69%76%3E%3C%2F%6C%61%62%65%6C%3E%20%28%3C%61%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%20%68%72%65%66%3D%22%6A%61%76%61%73%63%72%69%70%74%3A%76%6F%69%64%28%30%29%3B%22%3E%42%61%63%61%20%50%65%74%75%6E%6A%75%6B%3C%73%70%61%6E%20%63%6C%61%73%73%3D%22%74%6F%6F%6C%74%69%70%22%3E%4B%65%74%69%6B%61%20%64%69%63%65%6E%74%61%6E%67%2C%20%73%65%6D%75%61%20%62%61%72%69%73%20%61%6B%61%6E%20%64%69%68%61%70%75%73%2E%20%4D%65%6E%63%65%6E%74%61%6E%67%20%6B%6F%74%61%6B%20%69%6E%69%20%61%6B%61%6E%20%6D%65%6E%65%6D%70%61%74%6B%61%6E%20%62%61%72%69%73%20%62%61%72%75%20%61%6E%74%61%72%61%20%73%65%74%69%61%70%20%61%74%75%72%61%6E%20%74%65%72%70%69%73%61%68%2E%3C%2F%73%70%61%6E%3E%3C%2F%61%3E%29%3C%2F%66%69%65%6C%64%73%65%74%3E%0A%0A%3C%66%69%65%6C%64%73%65%74%3E%0A%3C%6C%65%67%65%6E%64%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%79%65%6C%6C%6F%77%3B%22%3E%0A%3C%62%3E%50%61%73%74%65%20%79%6F%75%72%20%63%6F%64%65%20%68%65%72%65%3C%2F%62%3E%3C%2F%64%69%76%3E%3C%2F%6C%65%67%65%6E%64%3E%0A%3C%74%65%78%74%61%72%65%61%20%63%6C%61%73%73%3D%22%77%69%64%65%22%20%63%6F%6C%73%3D%22%22%20%69%64%3D%22%69%5F%63%6F%64%65%22%20%6F%6E%6B%65%79%75%70%3D%22%6A%61%76%61%73%63%72%69%70%74%3A%73%65%74%42%79%74%65%73%49%6E%28%29%3B%22%20%72%6F%77%73%3D%22%31%30%22%20%73%74%79%6C%65%3D%22%68%65%69%67%68%74%3A%20%32%30%30%70%78%3B%20%77%69%64%74%68%3A%20%34%31%35%70%78%3B%22%3E%3C%2F%74%65%78%74%61%72%65%61%3E%0A%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%42%79%74%65%73%3A%20%3C%2F%64%69%76%3E%3C%69%6E%70%75%74%20%69%64%3D%22%69%5F%62%79%74%65%73%22%20%72%65%61%64%6F%6E%6C%79%3D%22%72%65%61%64%6F%6E%6C%79%22%20%74%79%70%65%3D%22%74%65%78%74%22%20%2F%3E%0A%0A%3C%62%75%74%74%6F%6E%20%61%63%63%65%73%73%6B%65%79%3D%22%63%22%20%6F%6E%63%6C%69%63%6B%3D%22%6A%61%76%61%73%63%72%69%70%74%3A%72%75%6E%43%6F%6D%70%72%65%73%73%69%6F%6E%28%29%3B%22%20%74%79%70%65%3D%22%62%75%74%74%6F%6E%22%3E%3C%75%3E%43%3C%2F%75%3E%6F%6D%70%72%65%73%73%3C%2F%62%75%74%74%6F%6E%3E%3C%2F%66%69%65%6C%64%73%65%74%3E%0A%0A%3C%66%69%65%6C%64%73%65%74%3E%0A%3C%6C%65%67%65%6E%64%3E%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%79%65%6C%6C%6F%77%3B%22%3E%0A%3C%62%3E%43%6F%64%65%20%6F%75%74%3C%2F%62%3E%3C%2F%64%69%76%3E%3C%2F%6C%65%67%65%6E%64%3E%0A%3C%74%65%78%74%61%72%65%61%20%63%6C%61%73%73%3D%22%77%69%64%65%22%20%63%6F%6C%73%3D%22%22%20%69%64%3D%22%6F%5F%63%6F%64%65%22%20%72%65%61%64%6F%6E%6C%79%3D%22%72%65%61%64%6F%6E%6C%79%22%20%72%6F%77%73%3D%22%31%30%22%20%73%74%79%6C%65%3D%22%68%65%69%67%68%74%3A%20%32%30%30%70%78%3B%20%77%69%64%74%68%3A%20%34%31%35%70%78%3B%22%3E%3C%2F%74%65%78%74%61%72%65%61%3E%0A%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%42%79%74%65%73%3A%20%3C%2F%64%69%76%3E%3C%69%6E%70%75%74%20%69%64%3D%22%6F%5F%73%69%7A%65%22%20%72%65%61%64%6F%6E%6C%79%3D%22%72%65%61%64%6F%6E%6C%79%22%20%2F%3E%0A%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%53%61%76%69%6E%67%73%3A%20%3C%2F%64%69%76%3E%3C%69%6E%70%75%74%20%69%64%3D%22%6F%5F%73%61%76%65%22%20%72%65%61%64%6F%6E%6C%79%3D%22%72%65%61%64%6F%6E%6C%79%22%20%2F%3E%0A%0A%0A%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%74%65%78%74%2D%61%6C%69%67%6E%3A%20%63%65%6E%74%65%72%3B%22%3E%0A%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%53%63%72%69%70%74%20%43%6F%64%65%20%46%72%6F%6D%3C%2F%73%70%61%6E%3E%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%74%6F%6F%6C%73%2E%61%72%61%6E%74%69%75%73%2E%63%6F%6D%2F%63%73%73%2D%63%6F%6D%70%72%65%73%73%6F%72%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%41%72%61%6E%74%69%75%73%2E%63%6F%6D%3C%2F%61%3E%20%3C%73%70%61%6E%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%77%68%69%74%65%3B%22%3E%4D%6F%64%69%66%69%6B%61%73%69%20%42%79%3C%2F%73%70%61%6E%3E%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%6A%6F%65%73%65%74%61%70%61%72%74%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%42%6C%6F%67%20%41%63%61%6B%2D%41%63%61%6B%61%6E%3C%2F%61%3E%3C%2F%64%69%76%3E%0A%3C%2F%66%69%65%6C%64%73%65%74%3E'));
</script>

</body>
</html>